const utils = require("../../../utils/utils");

// pages/my/feedback/feedback.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        chooseImgArray: [],
        serviceImgArray: [],
        mobile: '',
        remark: ''
    },
    //删除图片
    deleteImg(e) {
        var index = e.currentTarget.dataset.index;
        var imgArray = this.data.chooseImgArray;
        imgArray.splice(index, 1)
        this.setData({
            chooseImgArray: imgArray
        })
    },
    //选择图片
    chooseImgBtn() {
        var that = this;
        wx.chooseImage({
            count: 3,
            sizeType: ['compressed'],
            sourceType: ['album', 'camera'],
            success(res) {
                var array = that.data.chooseImgArray;
                // tempFilePath可以作为img标签的src属性显示图片
                for (var i = 0; i < res.tempFilePaths.length; i++) {
                    array.push(res.tempFilePaths[i])
                }
                that.setData({
                    chooseImgArray: array
                })
            }
        })
    },
    inputtitle(e) {
        this.setData({
            title: e.detail.value
        })
    },
    inputmobile(e) {
        this.setData({
            mobile: e.detail.value
        })
    },
    inputremark(e) {
        this.setData({
            remark: e.detail.value
        })
    },
    btnConfirm() {
        var mobile = this.data.mobile;
        var remark = this.data.remark;
        var title = this.data.title;
        var imgArr = this.data.chooseImgArray;
        if (!utils.is_define(mobile)) {
            utils.toast("请输入手机号");
            return false;
        }
        if (!utils.is_mobile(mobile)) {
            utils.toast("请输入正确的手机号");
            return false;
        }
        if (!utils.is_define(title)) {
            utils.toast("请用一句话您遇到的问题");
            return false;
        }
        if (!utils.is_define(remark)) {
            utils.toast("请仔细描述您遇到的问题");
            return false;
        }
        if (imgArr.length > 3) {
            utils.toast('最多上传三张图片');
            return false;
        }
        wx.showLoading()
        //开始上传图片
        if (imgArr.length == 0) {
            //直接提交
            this.subTo();
        } else {
            this.uploadFileSome(imgArr[0], 0);
        }
    },
    uploadFileSome(url, index) {
        var that = this;
        var list = that.data.chooseImgArray;
        var imgs = that.data.serviceImgArray;
        utils.uploadImg(url,function (res) {
            var data = JSON.parse(res.data).data
            imgs.push(data.fileUrl)
            that.setData({
                serviceImgArray: imgs
            })
            if (index == list.length - 1) {
                that.subTo();
            } else {
                that.uploadFileSome(list[index + 1], index + 1)
            }
            
        })
    },
    subTo() {
        var mobile = this.data.mobile;
        var remark = this.data.remark;
        var title = this.data.title;
        var imgs = this.data.serviceImgArray;
        var str = '';
        if (imgs.length > 0) {
            str = imgs.join(',')
        }
        var data = {
            title: title,
            remarks: remark,
            fileUrl: str,
            tel: mobile
        }
        utils.request('feedback/do', data, function (res) {
            if (res.data.code == 200) {
                wx.hideLoading()
                utils.toast('感谢您的宝贵意见，如有需要我们会与您联系');
                setTimeout(function () {
                    wx.navigateBack()
                }, 3000)
            } else {
                wx.hideLoading()
                utils.toast(res.data.msg)
            }
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    }
})